<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/telainicialPagina2.xhtml" >
		<ui:define name="js">
		
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folhaextra.css" media="screen" />
			<style type="text/css">
				body {
					margin-left: 0px;
					margin-top: 0px;
					margin-right: 0px;
					margin-bottom: 0px;
				}
				a:link {
					color: #2f3191;
					text-decoration: none;
				}
				a:visited {
					text-decoration: none;
					color: #2f3191;
				}
				a:hover {
					text-decoration: underline;
					color: #0033FF;
				}
				a:active {
					text-decoration: none;
					color: #2f3191;
				}
			</style>
		</ui:define>
		
		<ui:define name="linkusa">
			<h:form>
   	  			<a4j:commandLink action="#{telaInicialBean.inicio}">
   	  				<img src="images/logo.gif" width="198" height="96" />
   	  			</a4j:commandLink>
   	  		</h:form>
		</ui:define>
		
		<ui:define name="linksup1">
			<h:form>
    			<a4j:commandLink action="#{telaInicialBean.sobreUsaPre}" value="Sobre o USACARD PRÉ" styleClass="menusupclass" />
   			</h:form>
		</ui:define>
		<ui:define name="linksup2">
			<h:form>
    			<a4j:commandLink action="#{telaInicialBean.todasAsVantagens}" value="+ Vantagens" styleClass="menusupclass" />
   			</h:form>
		</ui:define>
		<ui:define name="linksup3">
			<h:form>
       			<a4j:commandLink action="#{telaInicialBean.duvidasFrequentes}" value="Dúvidas Frequentes" styleClass="menusupclass" />
       		</h:form>
		</ui:define>
		<ui:define name="linksup4">
			<h:form>
       			<a4j:commandLink action="#{telaInicialBean.contatos}" value="Contato" styleClass="menusupclass" />
       		</h:form>	
		</ui:define>
		
		<ui:define name="login">
			<h:form id="formLogin" onkeypress="if (event.keyCode == 13) { document.getElementById('formLogin:loginSubmit').click(); return false; }">
				
	       	  	<div class="login_box">
           			<div class="text1">MINHA CONTA</div>
            		<div class="field1_text" align="right">login:</div>
            		<div class="field1"><h:inputText value="#{loginUsaPreBean.login}" size="25" styleClass="inputstyle" /></div>
	            	<div class="field1_text" align="right">senha:</div>
	            	<div class="field1"><h:inputSecret value="#{loginUsaPreBean.senha}" size="25" styleClass="inputstyle" /></div>
	            	<div class="field2_text" id="link2">
	            		<a4j:commandLink id="loginSubmit" styleClass="labellogin" action="#{loginUsaPreBean.logon}" value="login" />
	            	</div>
            		<div class="text2" id="link2">
            			<a4j:commandLink styleClass="itemlinkclass" value="não consigo logar" action="#{telaInicialBean.esqueceuSenha}" /> | 
	            		<a4j:commandLink styleClass="itemlinkclass" value="peça o seu" action="#{telaInicialBean.cadastreSe}" />
	        		</div>
       			</div>
				
			</h:form>
		</ui:define>
		
		<ui:define name="banner">
			<img src="images/banner7.jpg" width="1000" height="160" />
		</ui:define>
		<ui:define name="interior">
			
			<h:form>
		
				<div class="box_textocorrido2">
				
					<a4j:commandLink action="#{lojistaBean.solicitarCredenciamento}" 
								onmouseout="jQuery('#img01in').show(); jQuery('#img01out').hide();" 
							    onmouseover="jQuery('#img01in').hide(); jQuery('#img01out').show();" >
							    
						<img src="images/lojista_1_01.jpg"      id="img01in"  width="336" height="197" border="0" />
						<img src="images/lojista_1_01_over.jpg" id="img01out" width="336" height="197" border="0" style="display:none;" />
					</a4j:commandLink>
					<a4j:commandLink action="#{lojistaBean.cadastrarDesconto}" 
								onmouseout="jQuery('#img03in').show(); jQuery('#img03out').hide();" 
							    onmouseover="jQuery('#img03in').hide(); jQuery('#img03out').show();" >
							    
						<img src="images/lojista_1_03.jpg"      id="img03in"  width="330" height="197" border="0" />
						<img src="images/lojista_1_03_over.jpg" id="img03out" width="330" height="197" border="0" style="display:none;" />
					</a4j:commandLink>
					<a4j:commandLink action="#{lojistaBean.cadastrarPrecos}" 
								onmouseout="jQuery('#img02in').show(); jQuery('#img02out').hide();" 
							    onmouseover="jQuery('#img02in').hide(); jQuery('#img02out').show();" >
							    
						<img src="images/lojista_1_02.jpg"      id="img02in"  width="325" height="197" border="0" />
						<img src="images/lojista_1_02_over.jpg" id="img02out" width="325" height="197" border="0" style="display:none;" />
					</a4j:commandLink>
					<a4j:commandLink action="#{lojistaBean.gerenciamentoVendasRepasses}" 
								onmouseout="jQuery('#img04in').show(); jQuery('#img04out').hide();" 
							    onmouseover="jQuery('#img04in').hide(); jQuery('#img04out').show();" >
							    
						<img src="images/lojista_1_04.jpg"      id="img04in"  width="336" height="215" border="0" />
						<img src="images/lojista_1_04_over.jpg" id="img04out" width="336" height="215" border="0" style="display:none;" />
					</a4j:commandLink>
					<a4j:commandLink action="#{lojistaBean.recebimentoAntecipado}" 
								onmouseout="jQuery('#img05in').show(); jQuery('#img05out').hide();" 
							    onmouseover="jQuery('#img05in').hide(); jQuery('#img05out').show();" >
							    
						<img src="images/lojista_1_05.jpg"      id="img05in"  width="325" height="215" border="0" />
						<img src="images/lojista_1_05_over.jpg" id="img05out" width="325" height="215" border="0" style="display:none;" />
					</a4j:commandLink>
					<a4j:commandLink action="#{lojistaBean.vantagem}" 
								onmouseout="jQuery('#img06in').show(); jQuery('#img06out').hide();" 
							    onmouseover="jQuery('#img06in').hide(); jQuery('#img06out').show();" >
							    
						<img src="images/lojista_1_06.jpg"      id="img06in"  width="330" height="215" border="0" />
						<img src="images/lojista_1_06_over.jpg" id="img06out" width="330" height="215" border="0" style="display:none;" />
					</a4j:commandLink>
					
					
				</div>
  
		
			</h:form>
		
		</ui:define>	
		
		
	</ui:composition>

</html>